<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:forEach items="${jokeList}" var="jokeItem">
	<div class="newsListItem jokeListItem">
		<div class="listItemSeparator"></div>
		<div class="thumbnail-joke">
			<a href="truyen-cuoi/${jokeItem.id}" target="_blank"> <img
				src="/resources/data/joke-thumbnails/${jokeItem.image}" alt="${jokeItem.title}"
				class="thumbImg-joke">
			</a>
		</div>
		<div class="info-joke" style="position: relative;">
			<h2>
				<a style="font-size: 18px;" target="_blank" href="truyen-cuoi/${jokeItem.id}">${jokeItem.title}</a>
			</h2>
			<div class="uploader">
				<div style="float: left; padding-top: 5px">
					Đăng bởi <a href="/uploader/${jokeItem.uploader.id}">${jokeItem.uploader.name}</a>
				</div>
				<div class="stats">
					<div class="viewComments" style="margin-left: 15px;">
						<span class="views" title="lượt xem"><fmt:formatNumber pattern="#,###,##0" value="${jokeItem.viewNumber}"/></span> <span
							class="comments" title="lượt bình luận"><fmt:formatNumber pattern="#,###,##0" value="${jokeItem.commentNumber}"/></span>
					</div>
				</div>
			</div>
			<div class="headerJokeContent">${jokeItem.headerContent} ...</div>

		</div>
	</div>
</c:forEach>